﻿@page "/components/donutchart"
@page "/components/donut"
@page "/components/chart-types/donutchart"

<DocsPage>
    <DocsPageHeader Title="Donut Chart" Component="@nameof(MudBlazor.Charts.Donut)" />
    <DocsPageContent>

        <DocsPageSection>
            <SectionHeader Title="Basic Donut">
                <Description></Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true" Code="@nameof(DonutExample1)" ShowCode="false" Block="true">
                <DonutExample1 />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Legend Position">
                <Description></Description>
            </SectionHeader>
            <SectionContent Code="@nameof(DonutExample2)" ShowCode="false" Block="true">
                <DonutExample2 />
            </SectionContent>
        </DocsPageSection>
		 <DocsPageSection>
            <SectionHeader Title="Custom SVG Content">
                <Description></Description>
            </SectionHeader>
            <SectionContent Code="@nameof(DonutCustomGraphicsExample)" Block="true">
                <DonutCustomGraphicsExample />
            </SectionContent>
         </DocsPageSection>
    </DocsPageContent>
</DocsPage>